<template>
    <div class="index-container content-wrapper">
        <el-tabs v-model="activeName" tab-position="left">
            <el-tab-pane name="BaseInfo">
                <span slot="label"><i class="el-icon-date"></i> 基本信息</span>
                <my-info></my-info>
            </el-tab-pane>

            <el-tab-pane name="MyPermission">
                <span slot="label"><i class="el-icon-date"></i> 我的权限</span>
                <my-permission></my-permission>
            </el-tab-pane>

            <el-tab-pane name="third" :disabled="true">
                <span slot="label"><i class="el-icon-date"></i> 角色管理</span>
                角色管理
            </el-tab-pane>

            <el-tab-pane name="fourth" :disabled="true">
                <span slot="label"><i class="el-icon-date"></i> 定时任务补偿</span>
                定时任务补偿
            </el-tab-pane>
        </el-tabs>

    </div>
</template>

<script>
    import MyInfo from './MyInfo.vue'
    import MyPermission from './MyPermission.vue'
    export default {
        name: 'index',
        components: {
            MyInfo,
            MyPermission
        },
        data() {
            return {
                activeName: 'BaseInfo'
            }
        }
    }
</script>

<!-- 局部样式 -->
<style rel="stylesheet/scss" lang="scss" scoped>

</style>